<!--场景分享-->
<template>
    <div v-if="isShow">
        <h3>二维码分享</h3>
        <hr/>
        <div style="text-align: center; width: 200px;">
            <!-- :logoSrc="shareScene.icon+ + '?cache'"-->
            <!-- :text="shareScene.url" :logoSrc="shareScene.icon+ '?cache'" -->
            <vue-qrcode :value="shareSceneData.url" width="150px"></vue-qrcode>
        </div>
    </div>
</template>

<script>
import store from "@/store/store";
import VueQrcode from "vue3-qrcode";

export default {
  name: "ShareScene",
  components: { VueQrcode  },
  data(){
    return {
      sharedState: store.state,
      shareSceneData: {
        url: window.location.href,
        icon: "./favicon.ico"
      }
    };
  },
  computed: {
    // 显示控制
    isShow(){
      return this.sharedState.contentShowList[10];
    }
  },
  methods: {
    contentShow(){
      return this.sharedState.contentShowList[10];
    }

  }
};
</script>

<style scoped>
    .el-radio {
        height: 30px;
    }
</style>
